body {
  background-color: #fff;
  font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
  color: #666; }

body, html, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, fieldset, input, form {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

b, strong, h1, h2, h3, h4, h5, h6, i.em {
  font-weight: normal; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

input {
  outline: none;
  border: none; }

img {
  border: 0;
  display: block; }

.iconfont {
  font-family: iconfont;
  font-style: normal; }

ul {
  display: block;
  list-style-type: disc; }

@font-face {
  font-family: iconfont;
  src: url(//misc.360buyimg.com/mtd/pc/index_2017/2.0.1/static/fonts/iconfont.eot);
  src: url(//misc.360buyimg.com/mtd/pc/index_2017/2.0.1/static/fonts/iconfont.eot?#iefix) format("embedded-opentype"), url(//misc.360buyimg.com/mtd/pc/index_2017/2.0.1/static/fonts/iconfont.woff) format("woff"), url(//misc.360buyimg.com/mtd/pc/index_2017/2.0.1/static/fonts/iconfont.ttf) format("truetype"), url(//misc.360buyimg.com/mtd/pc/index_2017/2.0.1/static/images/iconfont.svg#iconfont) format("svg"); }

.cw-icon {
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: 1px solid #e3e4e5; }

img {
  border: 0;
  vertical-align: middle; }

a {
  color: #666;
  text-decoration: none; }

a img {
  border: 0; }

.btn-img, .button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  cursor: pointer; }

button {
  cursor: pointer; }

body {
  font: 12px/150% arial,verdana,"\5b8b\4f53";
  color: #666;
  background: #fff; }

.w {
  width: 990px;
  margin: 0 auto; }

#logo {
  position: relative;
  width: 300px;
  margin: 10px 0;
  height: 60px;
  float: left; }
  #logo b {
    display: block;
    width: 110px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(//misc.360buyimg.com/user/passport/1.0.0/css/i/l-icon.png) no-repeat; }

.q-link {
  position: relative;
  color: #999;
  float: right;
  top: 52px; }
  .q-link b {
    display: inline-block;
    width: 18px;
    height: 14px;
    margin: 0 5px;
    background: url(//misc.360buyimg.com/user/passport/1.0.0/css/i/q-icon.png) no-repeat;
    vertical-align: middle; }

#content {
  clear: both; }
  #content .tips-wrapper {
    background: #fff8f0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center; }
    #content .tips-wrapper .cont-wrapper {
      display: inline-block;
      width: 90%; }
    #content .tips-wrapper .icon-tips {
      background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/icon-tips.png);
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 5px; }
    #content .tips-wrapper .tips-inner p {
      vertical-align: middle;
      color: #999;
      font-size: 12px;
      display: inline-block; }
    #content .tips-wrapper .tips-inner .black {
      color: #333; }

#content .login-wrap {
  margin-top: 0; }

.login-wrap {
  position: relative;
  height: 475px;
  margin: 10px 0 20px;
  z-index: 5; }

.login-wrap .login-form {
  float: right;
  top: 10px; }

.login-form {
  position: relative;
  z-index: 4;
  background: #fff;
  overflow: visible;
  width: 346px; }

.login-form .login-tab-l, .login-form .login-tab-r {
  width: 173px; }

.login-form .login-tab {
  height: 54px;
  font-size: 18px;
  font-family: "microsoft yahei";
  text-align: center;
  border-bottom: 1px solid #F4F4F4;
  position: absolute;
  display: block; }

.login-form .login-tab a {
  width: 99%;
  height: 18px;
  position: absolute;
  left: 0;
  top: 18px;
  border-right: 1px solid #F4F4F4;
  text-decoration: none; }

.login-form .login-tab-r {
  right: 0; }

.login-form .login-tab a.checked, .login-form .login-tab a:hover {
  font-weight: 700;
  color: #e4393c; }

.login-form .login-box {
  widows: 306px;
  padding: 20px;
  visibility: hidden; }

.login-form .login-box .mt {
  display: inline-block;
  display: block;
  width: 306px;
  overflow: visible;
  height: 27px; }

.login-form .login-box .tab-h {
  height: 35px; }

.mt, .smt {
  cursor: default; }

.login-btn .sub {
  width: 100%;
  height: 100%;
  background: #e4393c;
  color: #fff;
  font-size: 20px; }

.login-form .login-box .mt:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.m, .mb, .mc, .mt, .sm, .smb, .smc, .smt {
  overflow: hidden;
  zoom: 1; }

.login-form .msg-wrap {
  min-height: 23px;
  margin-top: 5px;
  margin-bottom: 5px;
  height: auto !important; }

.login-form .msg-error {
  position: relative;
  background: #ffebeb;
  color: #e4393c;
  border: 1px solid #faccc6;
  padding: 3px 10px 3px 40px;
  line-height: 15px;
  height: auto; }

.hide {
  display: none; }

.login-form .msg-error b {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/pwd-icons-new.png) -104px -49px no-repeat; }

.form .item-fore1 {
  z-index: 6; }

.form .item-fore1, .form .item-fore2 {
  border: 1px solid #bdbdbd;
  height: 38px;
  width: 304px; }

.form .item {
  position: relative;
  margin-bottom: 20px;
  z-index: 1; }

.form .item .name-label {
  background-position: 0 0; }

.form .item .login-label {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  border-right: 1px solid #bdbdbd;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/pwd-icons-new.png) no-repeat; }

.form label {
  float: none; }

.form .itxt {
  line-height: 18px;
  height: 18px;
  border: 0;
  padding: 10px 0 10px 50px;
  width: 254px;
  float: none;
  overflow: hidden;
  font-size: 14px;
  font-family: '\5b8b\4f53'; }

.form .item-fore1 .clear-btn, .form .item-fore2 .clear-btn {
  position: absolute;
  z-index: 20;
  right: 6px;
  top: 12px;
  width: 14px;
  height: 14px;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/pwd-icons-new.png) -25px -143px no-repeat;
  cursor: pointer;
  display: none; }

.form .item-fore2 {
  height: 38px;
  visibility: hidden; }

.form .item .pwd-label {
  background-position: -48px 0; }

.form .item-fore1 .capslock, .form .item-fore2 .capslock {
  position: absolute;
  z-index: 4;
  display: none;
  width: 106px;
  top: 28px;
  left: 50px;
  padding-left: 26px;
  height: 26px;
  line-height: 28px;
  overflow: hidden;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/css/i/capslock.png) no-repeat; }

.form .item-fore1 .capslock b, .form .item-fore2 .capslock b {
  display: block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 10px;
  height: 14px;
  overflow: hidden;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/pwd-icons-new.png) -104px -133px no-repeat; }

.login-form .login-box .safe {
  position: relative;
  color: #666; }

.login-form .login-box .safe span {
  margin-right: 15px; }

.login-form .login-box .safe .forget-pw-safe {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0; }

.form .item-fore5 {
  margin-bottom: 10px; }

.login-form .login-box .login-btn {
  border: 1px solid #cb2a2d;
  margin: 0 auto;
  height: 32px;
  width: 99%;
  position: relative; }

.login-form .login-box .login-btn .btn-img {
  border: 1px solid #e85356;
  display: block;
  width: 302px;
  background: #e4393c;
  height: 31px;
  line-height: 31px;
  color: #fff;
  font-size: 20px;
  font-family: 'Microsoft YaHei'; }

.login-form .qrcode-login {
  display: none;
  visibility: hidden;
  width: 306px;
  padding: 20px 18px 20px 20px;
  text-align: center; }

.login-form .qrcode-login .mc {
  overflow: visible; }

.login-form .qrcode-login .qrcode-main {
  position: relative;
  height: 168px;
  margin-top: 55px; }

.login-form .qrcode-login .qrcode-img {
  border: 1px solid #f4f4f4;
  padding: 8px;
  width: 155px;
  position: absolute;
  left: 64px; }

.login-form .qrcode-login .qrcode-img img {
  width: 147px;
  height: 147px; }

.login-form .qrcode-login .qrcode-panel {
  width: 257px;
  margin: 18px auto 14px;
  text-align: center; }

.login-form .qrcode-login .qrcode-panel ul {
  display: inline-block;
  display: block; }

.login-form .qrcode-login .qrcode-panel li {
  display: inline-block;
  padding: 0 0 0 5px;
  margin: 0 5px 0 0; }

.login-form .qrcode-login .qrcode-panel a {
  color: #333;
  text-decoration: none;
  margin-left: -3px; }

.login-form .qrcode-login .qrcode-panel .red {
  color: #e4393c; }

.coagent {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 50px;
  border-top: 1px solid #f4f4f4;
  height: auto;
  background-color: #fcfcfc; }

.qr-coagent {
  background-color: #fff;
  font-family: "microsoft yahei";
  color: #999;
  border: none;
  padding: 0;
  line-height: 25px;
  margin-left: 40px; }

.qr-coagent li {
  text-align: left;
  position: relative;
  margin-right: 18px; }

.coagent li {
  float: left; }

.coagent ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.qr-coagent li b {
  width: 25px;
  height: 25px;
  display: block;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/qr-coagent.png) no-repeat;
  margin: 0 auto;
  position: absolute;
  left: 0; }

.qr-coagent li em {
  padding-left: 32px;
  _display: inline; }

.qr-coagent li .faster {
  background-position: -27px; }

.qr-coagent li .more-safe {
  background-position: -54px; }

.coagent li a.pdl {
  display: inline-block;
  position: relative;
  padding-left: 24px; }

.coagent li a.pdl b.QQ-icon {
  background-position: 0 0; }

.coagent li a.pdl b {
  width: 19px;
  height: 18px;
  display: block;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/QQ-weixin.png) no-repeat;
  margin: 0 auto;
  position: absolute;
  float: left;
  left: 0;
  top: 16px; }

.coagent li .line {
  color: #ccc;
  padding: 0 10px; }

.coagent li a.pdl b.weixin-icon {
  background-position: -20px 0; }

.coagent li.extra-r {
  float: right; }

.coagent .regist-link {
  color: #b61d1d;
  font-size: 14px; }

.coagent .regist-link a {
  color: #b61d1d; }

.coagent .regist-link b {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2016-1124/i/pwd-icons-new.png) -104px -75px no-repeat;
  vertical-align: middle;
  margin-right: 5px; }

.login-wrap .login-banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 475px;
  background: #e93854; }

.login-wrap .i-inner {
  position: relative;
  z-index: 3;
  height: 475px; }

#footer-2013 {
  padding-bottom: 30px;
  text-align: center; }

#footer-2013 .links a, #footer-2013 .links span {
  margin: 0 10px; }

#footer-2013 .copyright {
  margin: 10px 0; }
